<template>
  <div class="components-container">
    <aside>
      Based on
      <a class="link-type" href="https://github.com/rowanwins/vue-dropzone">
        dropzone </a
      >.
      {{ $t("components.dropzoneTips") }}
    </aside>
    <div class="editor-container">
      <dropzone
        id="myVueDropzone"
        url="https://httpbin.org/post"
        @dropzone-removedFile="dropzoneR"
        @dropzone-success="dropzoneS"
      />
    </div>
  </div>
</template>

<script>
import Dropzone from "@/components/Dropzone";

export default {
  name: "DropzoneDemo",
  components: { Dropzone },
  methods: {
    dropzoneS(file) {
      this.$message.success({ message: "Upload success" });
    },
    dropzoneR(file) {
      this.$message.success({ message: "Delete success" });
    },
  },
};
</script>

